<fieldset class="layui-elem-field layui-field-title">
	<legend>我的预定</legend>
</fieldset>
<table id="order-list" lay-filter="order-list"></table>
<script type="text/html" id="order-bar">
 {{# if(d.status==0){ }}
 <a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="cancel"> 取消预定</a>
{{#   }  }}
</script>
<script>
	layui.use([ 'table', 'form' ], function() {
		var table = layui.table;
		var form = layui.form;
		table.render({
			elem : '#order-list',
			url : '/api/order/user/getAll',
			page : true,
			cols : [ [ {
				title : 'ID',
				field : 'id'
			}, {
				title : '开始时间',
				field : 'start'
			}, {
				title : '结束时间',
				field : 'end'
			}, {
				title : '入住时间',
				field : 'inTime'
			}, {
				title : '退房时间',
				field : 'out'
			}, {
				title : '押金',
				field : 'deposit'
			}, {
				title : '房费',
				field : 'cost'
			}, {
				title : '放间',
				field : 'roomId',
				templet : function(d) {
					return d.room.number;
				}
			}, {
				title : '用户',
				field : 'userId',
				templet : function(d) {
					return d.user.name;
				}
			},

			{
				title : '预定电话',
				field : 'user',
				templet : function(d) {
					return d.user.phone;
				}
			},

			{
				title : '状态',
				field : 'status',
				templet : function(d) {
					return [ '预定', '取消预定', '入住', '完成' ][d.status];
				}
			}, {
				title : '操作',
				toolbar : '#order-bar',
				width: 180
			},
			] ],
			parseData : function(res) {
				return {
					code : res.code,
					msg : res.msg,
					count : res.data.total,
					data : res.data.list,
				};
			}
		});
	
	   table.on('tool(order-list)',function(obj){
		    if(obj.event=='cancel'){
		    	layer.confirm('确定取消吗？',function(index){
		    		layer.close(index);
		    		$.ajax({
		    			url: '/api/order/user/edit',
		    			data: {id: obj.data.id,status: 1},
		    			type: 'post',
		    			dataType: 'json',
		    			success: function(result){
		    				if(result.code>0){
		    					layer.msg('成功');
		    				}else{
		    					layer.msg(result.msg);
		    				}
		    				table.reload('order-list');
		    			},
		    			error: function(){
		    				layer.close('请求失败');
		    			}
		    		});
		    	});
		    }
	   });	
	});
</script>